<?php
  require_once("inc/base.php");

  function title() {
    global $zhLANG;

    return "<title>On The Road</title>";
  }

  function printprj() {
    $prjarray = array(
           array("vidParser", "C", "libcurl, json-c", "Linux Cygwin", "parse mp4 and flv video from Youku or QQ ", "l4", "dl/vid-parser-cmd.zip", "zip"),
           array("pwa-uploader", "C", "libsoup, GTK", "Linux", "Picasa web album uploader", "l2", "dl/pwa-uploader.zip", "zip"),
           array("mmFox", "C++ Javascript", "ffmpeg, gecko sdk, Gtk/X11", "Linux", "multimedia plugin for firefox", "l3", "http://mmfox.sourceforge.net", "web"),
           array("foxCamera", "C++ Javascript", "mozilla sdk, Gtk/X11", "Linux", "screen snapshot extension for firefox", "l2", "http://foxcamera.sourceforge.net", "web"),
           array("libFad", "C", "cairo, SDL, DirectFB", "Linux", "flash animation decode library", "l2", "http://fad.sourceforge.net", "web")
         );
    echo "<tbody>";
    foreach($prjarray as $prj) {
      $name = $prj[0];
      $lang = $prj[1];
      $deps = $prj[2];
      $plat = $prj[3];
      $desc = $prj[4];
      $level = $prj[5];
      $url   = $prj[6];
      $type  = $prj[7];
      echo "<tr><td>$name</td><td>$lang</td><td>$deps</td><td>$plat</td><td>$desc</td><td class='getsrc' ><a href='$url'><span class='$type'>Go</span></a></td><td ><img src='img/$level.png'></img></td></tr>";
    }
    echo "</tbody>";
  }
?>
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <?php echo favicon(); ?>
  <?php echo title(); ?>
  <link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body onload="jsload();">
  <header>
  <ul class="menu">
    <li><a href="index.php">Home</a></li>
    <li><a href="projects.php">Projects</a></li>
    <li><a href="about.php">About</a></li>
  </ul>
  </header>

  <div id="container">
   <section id="banner">
      <h2 class="fontface"> <span class="red big lang" data="begin from 2004">C C++</span><span class="pink medium lang" data="begin from 2008"> Python </span><span class="orange small rotate">and </span><span class="green medium lang" data="begin from 2008" >Javascript</span><span class="purple lang" data="learn PHP and HTML5 to build this website"> PHP </span></h2>
      <img src="img/wuruxuzhi.png"  class="logo" />
   </section>
  </div>
  <div id="gallery-title">
  <span>My Children </span>
  </div>
  <div id="gallery-wrap">
  <div id="gallery">
    <span class="photo" id="gallery-img-01" oimg="http://s3.wuruxu.com/201203/3191/18710_o.jpg"><img src="img/baby01.jpg" /></span>
    <span class="photo" id="gallery-img-02" oimg="http://s1.wuruxu.com/201203/3191/18709_o.jpg"><img src="img/baby02.jpg" /></span>
    <span class="photo" id="gallery-img-03" oimg="http://s2.wuruxu.com/201203/3191/18711_o.jpg"><img src="img/baby03.jpg" /></span>
    <span class="photo" id="gallery-img-04" oimg="http://s3.wuruxu.com/201203/3191/18708_o.jpg"><img src="img/baby04.jpg" /></span>
    <span class="photo" id="gallery-img-05" oimg="http://s0.wuruxu.com/201203/3191/18706_o.jpg"><img src="img/baby05.jpg" /></span>
    <span class="photo" id="gallery-img-06" oimg="http://s1.wuruxu.com/201203/3191/18707_o.jpg"><img src="img/baby06.jpg" /></span>
  </div>
  </div>
  <div id="wiz-wrap">
  <div id="wiz-container">
      <span id="actspacer0"></span>
			<span class="tooltip" data="vim everyday, the powerful editor"><span class="wiz-activator" ><img src="img/vim.png" /></span></span>
      <span class="tooltip" data="xterm, the great terminal on linux"><span class="wiz-activator"><img src="img/xterm.png"/></span></span>
      <span class="tooltip" data="I love firefox web browser"><span class="wiz-activator" ><img src="img/firefox.png"/></span></span>
  </div>
  </div>
  <!--div id="test" >
    <audio src="media/phone-ring.ogg" controls="controls">
    </audio>
  </div-->

  <footer id="footer-content" >
  <p class="copyright" >copyright 2012  |  wuruxu.com</p>
  </footer>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  <script src="js/jquery.simplemodal.1.4.2.min.js"></script>
  <script src="js/main.js"></script>
</body>
</html>
